<div id="scrollContent" #scrollContent>
  <div id="topSegment" class="buttonNavOneClassName">
    <ion-segment #segment (ionChange)="segmentChanged($event)" [(ngModel)]="selectedSegment" [scrollable]="true">
      <ion-segment-button id="ion-segment-btn-home{{i}}" *ngFor="let item of tagData.data;let i=index;" [value]="i">
        <ng-container *ngIf="item.partLink&&!item.msgCount">

          <ng-container *ngIf="appTypeCustom==='LJ'">
            <div>
              <span *ngIf="item.partLink" [ngClass]="{'spanBadge':item.badge!=='0'}">{{item.label}}</span>
              <!--assets/fw/icon_title-01@3x.png-->
              <img class="hide-img" src="" style="display: none;" />
            </div>
          </ng-container>

          <ng-container *ngIf="appTypeCustom!='LJ'">
            <span *ngIf="item.partLink" [ngClass]="{'spanBadge':item.badge!=='0'}">{{item.label}}</span>
            <img class="hide-img" src="assets/icon/slider-bg@3x.png" style="display: none;" />
          </ng-container>
        </ng-container>

        <ng-container *ngIf="item.partLink&&item.msgCount">
          <div class="badge-layer">
            <p class="badge-p-font">{{item.label}}</p>
            <div class="badge-count">{{item.msgCount}}</div>
          </div>
        </ng-container>
      </ion-segment-button>

    </ion-segment>

    <!-- 点击跳转到全部 -->
    <ng-container *ngFor="let item of tagData.data;let i=index;">
      <div *ngIf="item.link" style="height: 2.75rem;background: white;">
        <img src="assets/img/brand_icon_whole@3x.png" class="segment-img-link" appDebounceClick (debounceClick)="get(item.link)">
      </div>
      <div *ngIf="item.link"
        style="width:1.88rem;height: 2.75rem;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);opacity:0.9;position: absolute;right: 2.9rem;">
      </div>
    </ng-container>
  </div>

  <!--蜂喔app新增二级筛选栏tag-->
  <ng-container *ngIf="switchBlockTag">
    <div id="switchBoxId-home" class="switch-main-box">
      <div class="switch-box" [ngStyle]="switchBlockTag.cssType | styleFilter">
        <ng-container *ngFor="let item of switchBlockTag.data">

          <ng-container *ngIf="switchBlockTag.style==='oneCss'">
            <button id="{{item.id}}" class="home-switch-box-button-oneCss" appDebounceClick (debounceClick)="switchBlockClick(item,'oneCss')"
              [ngClass]="{'fthree': item.label.length===3,'ffour': item.label.length===4,'ffive': item.label.length===5,'switch-checked-oneCss':item.selected==='true'}">
              <p class="home-switch-box-label-oneCss" [ngClass]="{'home-checked-font-oneCss': item.selected==='true'}">
                {{item.label}}</p>
            </button>
          </ng-container>

          <ng-container *ngIf="switchBlockTag.style==='twoCss'">
            <button id="{{item.id}}" class="home-switch-box-button-twoCss" appDebounceClick (debounceClick)="switchBlockClick(item,'twoCss')"
              [ngClass]="{'fthree': item.label.length===3,'ffour': item.label.length===4,'ffive': item.label.length===5,'switch-checked-twoCss':item.selected==='true'}">
              <p class="home-switch-box-label-twoCss" [ngClass]="{'home-checked-font-twoCss': item.selected==='true'}">
                {{item.label}}</p>
            </button>
          </ng-container>
        </ng-container>
        <div class="empty-box">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
      </div>
      <div class="switch-block2"></div>
      <div class="switch-block1"></div>
    </div>
  </ng-container>

  <ng-container *ngIf="commonFilterTag">
    <div class="nav" id="sift-home">
      <ul class="clearfix siftList">
        <ng-container *ngFor="let item of siftArr">
          <li class="fl" [ngClass]="{'active':item.active&&appGlobalService.openBackdrop}"
            appDebounceClick (debounceClick)="siftEventForNewStyle(item)" [ngStyle]="{'width': 'calc(25% - 0.3rem)','padding-left':'0.94rem'}">
            <div class="semicircle-box">
              <span class="sift-title">{{item.title}}</span>
              <i class="icon icon-down"></i>
            </div>
          </li>
        </ng-container>


      </ul>
      <div class="selectPane2 clearfix" *ngIf="appGlobalService.openBackdrop">
        <div class="divider"></div>
        <ul class="firstLevel fixed-height" *ngIf="firstLevelList" [ngClass]="{'hasSecond':ifSecond}">
          <ng-container *ngFor="let item of firstLevelList">
            <li class="level-li" *ngIf="!item.hide" [ngClass]="{'firstLevel-active':item.active}">
              <div *ngIf="!item.checkShow || item.checkShow===filterType">
                <div *ngIf="item.displayName!=='自定义'" class="listItem" appDebounceClick (debounceClick)="chooseFirstEvent(item)">
                  {{item.displayName}}<i class="tick-icon" *ngIf="item.active && !ifSecond"></i></div>
                <div *ngIf="item.displayName==='自定义'" class="listItem">
                  <span>{{item.displayName}}</span>
                  <input class="ml10 mr5" type="number" [(ngModel)]="item.min" placeholder="最小" />
                  <span class="ml5 mr5">-</span>
                  <input class="ml5 mr10" type="number" [(ngModel)]="item.max" placeholder="最大" />
                  <span>{{item.unit}}</span>
                  <button class="firstLevel-button" [ngClass]="{'btn-disable': item.min === undefined && item.max === undefined}"
                    [disabled]=" item.min === undefined && item.max === undefined"
                    appDebounceClick (debounceClick)="defineArea(item)">确认</button>
                </div>
              </div>
            </li>
          </ng-container>
        </ul>
        <ul class="secondLevel fixed-height" *ngIf="ifSecond">
          <li class="level-li" *ngFor="let item of secondLevelList" [ngClass]="{'secondLevel-active': item?.active}"
            appDebounceClick (debounceClick)="chooseSecondEvent(item)">
            <div *ngIf="item" class="listItem">{{item?.displayName}}<i class="tick-icon" *ngIf="item.active"></i>
            </div>
          </li>
        </ul>
      </div>

      <div>
        <div class="dateclass" *ngFor="let it of siftArrthree">
          <div class="dateclass-choose">
            <label class="segment-block" appDebounceClick (debounceClick)="ifadvertisclick()">
              <span class="border-left" [ngClass]="{'nochecked':!ifadvertis,'checked':ifadvertis}">按月</span>
              <span class="border-right" [ngClass]="{'checked':!ifadvertis, 'nochecked':ifadvertis}">按日</span>
            </label>
          </div>
          <div class="datechange" *ngIf="ifadvertis">
            <div appDebounceClick (debounceClick)="upmonth('month')"><img class="datechange-img" src="assets/img/center_icon_arrow_right.png"></div>
            <div class="daymonth">{{datetext}}</div>
            <div appDebounceClick (debounceClick)="downmonth('month')"><img class="datechange-img" src="assets/img/center_icon_arrow_left.png"></div>
          </div>
          <div class="datechange" *ngIf="!ifadvertis">
            <div appDebounceClick (debounceClick)="dayclick()"><img class="datechange-img" src="assets/img/center_icon_arrow_right.png"></div>
            <div class="daymonth">{{datetext}}</div>
            <div appDebounceClick (debounceClick)="dayclick2()"><img class="datechange-img" src="assets/img/center_icon_arrow_left.png"></div>
          </div>
        </div>
      </div>
    </div>
  </ng-container>
  <app-subtab1 *ngIf="subComs7" [subComs]="subComs7" style="width: 100%;text-align: initial !important;">
  </app-subtab1>
</div>